<!--
  Generated template for the DemoSlidesPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>demo_slides</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-slides pager class="cust_sliders" (ionSlideDidChange)="sliderChange()" #myslider>
    <ion-slide>
      <h1>slide-1</h1>
    </ion-slide>
    <ion-slide>
      <h1>slide-2</h1>
    </ion-slide>
    <ion-slide>
      <h1>slide-3</h1>
    </ion-slide>
  </ion-slides>
  <div style="height: 100px;">
   <button ion-button block color="danger" (click)="go_slider(2)" >to_2</button>
  </div>
  <hr/>
  <ion-slides autoplay="3000" loop pager paginationType="fraction"  class="cust_sliders" #photo>
    <ion-slide>
      <h2>photo1</h2>
    </ion-slide>
    <ion-slide>
      <h2>photo2</h2>
    </ion-slide>
    <ion-slide>
      <h2>photo3</h2>
    </ion-slide>
  </ion-slides>

</ion-content>
